4
תגובות
שלום,
היום עשיתי דף HTML חדש, שמתי תגית Doctype כרגיל, וכשפתחתי את האתר, יש רווח בחלק העליון.
הנה תמונה:
http://www.israup.net/images/21b8bc265b1e70a053c4d3bdb7eb63f3.PNG
שימו לב, הרווח מסומן בעיגול אדום..
כשאני מוריד את ה Doctype, אין את הרווח הזה.
זה קוד ה HTML:
היום עשיתי דף HTML חדש, שמתי תגית Doctype כרגיל, וכשפתחתי את האתר, יש רווח בחלק העליון.
הנה תמונה:
http://www.israup.net/images/21b8bc265b1e70a053c4d3bdb7eb63f3.PNG
שימו לב, הרווח מסומן בעיגול אדום..
כשאני מוריד את ה Doctype, אין את הרווח הזה.
זה קוד ה HTML:
<!doctype html>
<!--[if IE 7 ]><html class="no-js ie ie7 lte7 lte8 lte9" lang="he"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8 lte8 lte9" lang="he"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9 lte9>" lang="he"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="He"><!--<![endif]-->
<head>
<!--Language tags-->
<meta http-equiv="Content-Type" content="text/html; charset=Utf-8" />
<!--End Language tags-->
<!--Page title-->
<title>Asite - בניית אתרים</title>
<!--End Page Title-->
<!-- meta tags -->
<meta name="robots" content="index, follow" />
<meta name="author" content="Asite - בניית אתרים" />
<meta name="description" content="תאור האתר" />
<meta name="keywords" content="מילות מפתח(מופרדות בפסיקים)" />
<!-- end meta tags -->
<!--link to scripts-->
<link href="Site/Tampletes/Style_2/Style/Css/style.php" rel="stylesheet" />
<script src="Site/Tampletes/Style_2/Style/Js/jquery-1.8.3.js"></script>
<script src="Site/Tampletes/Style_2/Style/Js/jquery-ui-1.9.2.custom.js"></script>
<script src="Site/Tampletes/Style_2/Style/Js/left-tabs.js"></script>
<!--End link to scripts-->
</head>
<body style="margin: 0; width: 900px; margin-left: auto; margin-right: auto;">
<div style="background-color: blue; width: 100%; height: 100px; color: white; text-align: center;">
<h1>Ariel Tador's Workspace</h1>
<h3>Start Page</h3>
</div>
Text.. <div style="background-color: blue; width: 900px; height: 20px; color: white; position: fixed; bottom: 0px; text-align: left;">
All right Reserved
</div>
</body>
</html>
<!--[if IE 7 ]><html class="no-js ie ie7 lte7 lte8 lte9" lang="he"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8 lte8 lte9" lang="he"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9 lte9>" lang="he"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="He"><!--<![endif]-->
<head>
<!--Language tags-->
<meta http-equiv="Content-Type" content="text/html; charset=Utf-8" />
<!--End Language tags-->
<!--Page title-->
<title>Asite - בניית אתרים</title>
<!--End Page Title-->
<!-- meta tags -->
<meta name="robots" content="index, follow" />
<meta name="author" content="Asite - בניית אתרים" />
<meta name="description" content="תאור האתר" />
<meta name="keywords" content="מילות מפתח(מופרדות בפסיקים)" />
<!-- end meta tags -->
<!--link to scripts-->
<link href="Site/Tampletes/Style_2/Style/Css/style.php" rel="stylesheet" />
<script src="Site/Tampletes/Style_2/Style/Js/jquery-1.8.3.js"></script>
<script src="Site/Tampletes/Style_2/Style/Js/jquery-ui-1.9.2.custom.js"></script>
<script src="Site/Tampletes/Style_2/Style/Js/left-tabs.js"></script>
<!--End link to scripts-->
</head>
<body style="margin: 0; width: 900px; margin-left: auto; margin-right: auto;">
<div style="background-color: blue; width: 100%; height: 100px; color: white; text-align: center;">
<h1>Ariel Tador's Workspace</h1>
<h3>Start Page</h3>
</div>
Text.. <div style="background-color: blue; width: 900px; height: 20px; color: white; position: fixed; bottom: 0px; text-align: left;">
All right Reserved
</div>
</body>
</html>
4 תשובות
תסתכל בקוד המקור של הדף, והפעם באמצעות כלי כמו זה של גוגל או כמו פיירבאג, ותבדוק אם אתה רואה שם כל מיני קבצי JS או קוד HTML שלא אמורים להיות שם. יש תוספי דפדפן שעושים את זה. בטעות, אמנם, אבל זה מעצבן רצח.
זו רק אפשרות... כי אני לא רואה שום סיבה ש-DOCTYPE יוסיף רווח. DOCTYPE אפילו לא נחשב כאלמנט.
בדקתי קצת, ודווקא ראיתי שיש די הרבה תשובות שם (זה לא כמו שחשבתי). תנסה לחפש בגוגל.